<template>
	<view>
		 <view class="item" v-for="(value,index) in iconType" :key="index">
		      <icon :type="value" size="66" color="#006eff"/>
			  <view class="mytext">
				  <p>预约成功</p>
			  <p class="mp">您已预约成功，请您持本人身份证按时就诊</p>
			  </view>
		      
		  </view>
		  <view class="btom">
			  <button @click="tiaozhuan1">查看预约详情</button>
			  <button @click="tiaozhuan2">返回首页</button>
		  </view>
	</view>
	
	</template>

<script>
	export default {
		data() {
			return {
				iconType:['success']
			}
		},
		methods: {
			tiaozhuan1(){
				uni.reLaunch({
					url:"/pages/home/hesuandetect/yuyuexiangqing/yuyuexiangqing"
				})
			},
			tiaozhuan2(){
				uni.reLaunch({
					url:'/pages/home/index/index'
				})
			}
		},
		onLoad() {
		}
	}
</script>

<style lang="scss">
.item{
	display: flex;
	flex-direction: column;
	margin-top: 150rpx;
	text-align: center;
.mytext{
	padding-top: 30rpx;
	line-height: 55rpx;
	.mp{
		color: #bebebf;
	
	}
}
	// align-content:center;
}
.btom{
position: relative;
bottom: -550rpx;
width: 700rpx;
left: 20rpx;
}
.btom button:nth-child(1){
	background-color: #3478f7;
	color: white;
	margin-bottom: 30rpx;
}
.btom button:nth-child(2){
	background-color: #e4f0ff;
	color: #006eff;
}
</style>
